<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>

<div class="bg-dark">
  <nav class="navbar navbar-expand-lg navbar-dark container">
    <a class="navbar-brand" href="./">
      <img src="./images/logo.jpg" width="30" height="30" class="d-inline-block align-top" alt="">
      Bootstrap
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto my-menu">
        <li class="nav-item active">
          <a class="nav-link" href="javascript:void(0)">推荐</a>
        </li>
      </ul>
      <form class="form-inline my-2 my-lg-0">
        <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
      </form>
    </div>
  </nav>
</div>

<div class="container">
  <div class="row">
    <div class="col-xl-8 col-lg-8 col-md-6 col-sm-12">
      <div class="layui-carousel" id="test1">
        <div carousel-item id="my-banner">
          <!--
          <div class="myList">
            <img src="images/pic1.png" alt="">
            <p class="decs">woaouhagfubahkfgadfya</p>
          </div>
          -->
        </div>
      </div>
    </div>
    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
      <div class="meizi">
        <img src="images/meip.jpg" alt="">
        <div class="my-meizi"><svg t="1625294344325" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2402" width="32" height="32"><path d="M486.4 1024c-129.9456 0-252.0576-50.5856-343.9616-142.4384s-142.4384-214.016-142.4384-343.9104c0-129.9456 50.5856-252.0576 142.4384-343.9616s214.016-142.4896 343.9616-142.4896c129.9456 0 252.0576 50.5856 343.9616 142.4896s142.4384 214.016 142.4384 343.9616-50.5856 252.0576-142.4384 343.9104c-91.8528 91.8528-214.016 142.4384-343.9616 142.4384zM486.4 102.4c-239.9744 0-435.2 195.2256-435.2 435.2s195.2256 435.2 435.2 435.2 435.2-195.2256 435.2-435.2-195.2256-435.2-435.2-435.2z" p-id="2403"></path><path d="M332.8 409.6c-42.3424 0-76.8-34.4576-76.8-76.8s34.4576-76.8 76.8-76.8 76.8 34.4576 76.8 76.8-34.4576 76.8-76.8 76.8zM332.8 307.2c-14.1312 0-25.6 11.4688-25.6 25.6s11.4688 25.6 25.6 25.6 25.6-11.4688 25.6-25.6-11.4688-25.6-25.6-25.6z" p-id="2404"></path><path d="M640 409.6c-42.3424 0-76.8-34.4576-76.8-76.8s34.4576-76.8 76.8-76.8 76.8 34.4576 76.8 76.8-34.4576 76.8-76.8 76.8zM640 307.2c-14.1312 0-25.6 11.4688-25.6 25.6s11.4688 25.6 25.6 25.6 25.6-11.4688 25.6-25.6-11.4688-25.6-25.6-25.6z" p-id="2405"></path><path d="M281.5488 768c-5.376 0-10.752-1.6896-15.36-5.12-11.3152-8.4992-13.568-24.5248-5.0688-35.84 25.7024-34.2016 59.3408-62.5152 97.3312-81.92 39.8336-20.3776 82.8928-30.6688 127.9488-30.6688s88.1152 10.3424 127.9488 30.6688c37.9904 19.4048 71.6288 47.7184 97.3312 81.92 8.4992 11.3152 6.1952 27.3408-5.0688 35.84s-27.3408 6.1952-35.84-5.0688c-43.9808-58.5728-111.2064-92.16-184.3712-92.16s-140.3392 33.5872-184.3712 92.16c-5.0176 6.7072-12.6976 10.24-20.48 10.24z" p-id="2406"></path></svg></div>
        <p class="desc"></p>
      </div>
    </div>
  </div>

  <div class="row my-list">
    <!--<div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
      <div class="card ">
        <img src="./images/pic3.webp" class="card-img-top" alt="...">
        <div class="card-body">
          <h5 class="card-title">Card title</h5>
          <p class="card-text  my-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          <a href="#" class="btn btn-primary">Go somewhere</a>
        </div>
      </div>
    </div>-->
  </div>
</div>

  <nav aria-label="Page navigation example">
    <ul class="pagination center">
      <li class="page-item my-item">
        <a class="page-link prev" href="javascript:void (0)" aria-label="Previous">
          <span aria-hidden="true">&laquo;</span>
        </a>
      </li>
      <li class="page-item"><a class="page-link" href="javascript:void (0)"> - - -</a></li>
      <li class="page-item">
        <a class="page-link next" href="javascript:void (0)" aria-label="Next">
          <span aria-hidden="true">&raquo;</span>
        </a>
      </li>
    </ul>
  </nav>


<!-- 条目中可以是任意内容，如：<img src=""> -->

<script src="./js/index.js"></script>
</body>
</html>